.transition(@transition:.4s){-webkit-transition:@transition;-moz-transition:@transition;-ms-transition:@transition;-o-transition:@transition;transition:@transition;}
.transform-origin(@origin){-webkit-transform: @origin;-moz-transform: @origin;-ms-transform: @origin;-o-transform: @origin;transform: @origin;}
.scale(@scale){-webkit-transform: scale(@scale);-moz-transform:scale(@scale);-ms-transform:scale(@scale);-o-transform:scale(@scale);transform:scale(@scale);}
.translateY(@distance){-ms-transform:translateY(@distance); -webkit-transform:translateY(@distance); -o-transform:translateY(@distance); -moz-transform:translateY(@distance); }
.border-radius(@border-radius){-webkit-border-radius:@border-radius;-moz-border-radius:@border-radius;-o-order-radius:@border-radius;-ms-border-radius:@border-radius;border-radius:@border-radius;}
.rotate(@rotate){-webkit-transform: rotate(@rotate);-moz-transform: rotate(@rotate);-ms-transform: rotate(@rotate);-o-transform: rotate(@rotate);transform: rotate(@rotate);}

@mc:#eee;
@mc1:#00447e;
@mc2:#149c16;
@qt1:#573a59;
@qt2:#1a8fdf;/*内页导航背景*/
@qt3:#1a8fdf;/*内页分类侧边背景*/
@qt4:#099f52;/*内页分类侧边li背景*/
@qt5:#fff;/*悬浮背景变色后字体颜色*/
@qt6:#c5a46e;/*按钮悬浮颜色 */
//调用方式  .border(3px);

.txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.browserupgrade{margin:0;padding:1em;background:#ccc;a{color: red;}cursor: pointer;}

table {border-spacing: 0px;padding:0;}
table td {text-align: center;vertical-align: middle;}

input,textarea{margin: 0;padding: 0;box-shadow: none;border: none;}
/*全局---头部----主体（主页）----底部---侧边---内页--*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
p,a,h1,h2,h3,h4,h5,h6,li,label,span,i,b,div{ margin: 0;padding: 0;font-size: 14px;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
li{list-style: none;}

.off{display:none;} /*隐藏*/
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/
ul{padding: 0;margin:0;}
i{font-style: normal;}
a {color: #333;text-decoration: none;}

body {color: #333; margin: 0; font-size: 14px; margin: 0;padding: 0;background: #fff;max-width: 1920px;min-width: 1300px;overflow-x: hidden; }


.fl,.left {float: left;}
.fr,.right {float: right;}
.w1920 {max-width: 1920px;margin: 0 auto;}
.w1200,.wrap,.main {width: 1200px;margin:0 auto;}

//顶部

.nav {
	width: 100%; height: 100px;position: relative;z-index: 8;background: #fff;
	.nav_main {
		width: 1300px;height: 100px;margin:0 auto;
	}
	.logo_box {
		float: left;margin-right: 50px;
		img {display: block;width: 241px;height: 100px;object-fit: contain;}
	}
	ul {
		float: left;
		li {
			float: left;position: relative;
			> a {
				width: 118px;height: 100px; font-size: 16px;line-height: 100px;text-align: center; display: block;
				&:hover { color: @mc1; }
			}
			.erji {
				width: 118px;padding:8px 0;position: absolute;top: 99px;left: 0;background: #fff;display: none;border-top:2px solid @mc1;
				overflow: hidden;
				a {
					display: block;text-align: center;line-height: 36px;font-size: 15px;border-bottom:1px solid #eee;
					&:hover {color: @mc1;}
				}
				a:last-of-type {border:none;}
			}
		}
		.active a { color: @mc1; }
	}
	.heaer_right {
		float: right;height: 100px;
		a {
			display: block;width: 50px;background:none;float: left;height: 100px;position: relative;
			img:nth-of-type(1) {display: block;height: 100px;margin:0 auto;filter: grayscale(100%);}
			img:nth-of-type(2) {display: none;width: 110px;height: 110px;border:1px solid #eee;position: absolute;left: -30px;top: 100px;}
			&:hover {
				img:nth-of-type(1) {filter: grayscale(0%);}
				img:nth-of-type(2) {display: block;}
			}
		}
		> img {
			display: inline-block;height: 100px;margin:0px 7px;cursor: pointer;filter: grayscale(100%);cursor: pointer;
			&:hover {filter: grayscale(0%);}
		}
	}
}

.search_box {
	width: 100%;height: 100px;position: fixed;left: 0;right: 0;top: 0;margin:auto;z-index: 88;background: #fff;display: none;
	.main {
		height: 100px;background: url('../images/icon19.png') left center no-repeat;box-sizing: border-box;padding-top: 30px;position: relative;
	}
	form {
		input:nth-of-type(1) {
			width:500px;float: left;height: 40px;font-size: 14px;color: #999999;margin-left: 50px;outline:none
		}
		button {
			width: 90px; height: 40px; line-height: 40px; text-align: center; background: #1268ba;border-radius: 4px; font-size: 14px;color: #fff;float: right;margin-right: 50px;
			border:none;display: block;
		}
		span {
			display: block;width: 30px;height: 30px;background: url('../images/icon18.jpg') center center no-repeat;
			position: absolute;right: 0;top: 0;bottom:0;margin:auto;cursor: pointer;
		}
	}
}

.neiyeBanner {
	height: 500px;position: relative;
	.neiye-swiper-pagination {
		position: absolute;z-index: 8;bottom:10px;text-align: center;
		.swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;background: #fff; }
		.swiper-pagination-bullet-active {background: #1977ae ;}
	}
}


.banner1 {
	height:800px;position:relative;
	.swiper-prev {display: inline-block;vertical-align: top;cursor: pointer;position: absolute;right: 50%;top: 705px;z-index: 2;margin-right: 549px;}
	.swiper-next {display: inline-block;vertical-align: top;cursor: pointer;position: absolute;right: 50%;top: 705px;z-index: 2;margin-right: 483px;}
	.swiper-pagination {
		.swiper-pagination-bullet {border-radius: 0;opacity: 1;width: 35px;height: 10px;background: #fff;}
		.swiper-pagination-bullet-active {background:@mc1;}
	}
	.swiper-slide-img {
		overflow: hidden;
		a {width: 100%;height: 100%;.transition(6s);.scale(1.08);}
	}
	.swiper-slide-video{
		width: 100%;
		height: 100%;
		.videoBox {
            width: 100%;
            height: 100%;
            border-radius: 4px;
            overflow: hidden;
        }
	}
	.swiper-slide-active a {.scale(1);.transition(6s);}
	.gonggao_box {
		width: 500px;height: 50px;background: url('../images/bg26.png');box-sizing: border-box;padding:0px 10px 0px 70px;z-index: 8;
		position: absolute;left: 50%;margin-left: 100px;bottom: 40px;
		#marquee {
			width: 415px;height: 50px;overflow: hidden;
			li {
				float: left;margin-right: 20px;
				a {display: block; height: 50px;color: #fff;line-height: 50px;}
			}
		}
	}
}

.neiye_banner {
	height: 500px;background: url('../images/banner.jpg') top center no-repeat; box-sizing:border-box;padding-top: 430px;
	.neiye_banner_nav {
		height: 70px;background: rgba(0,0,0,0.35);text-align: center;
		a {
			display: inline-block;width: 125px;line-height: 70px;border-left: 1px solid #9da3ac;font-size: 16px;text-align: center;color: #fff;.transition();margin-right: -4px;
			&:hover {background: @mc1;color: #fff;.transition(); }
		}
		a:last-of-type {border-right: 1px solid #9da3ac;}
		.active {background: @mc1;color: #fff;.transition(); }
	}
}

.banner_nav {
	background:#666666;height: 30px;margin-bottom: 35px;
	.title {
		font-size: 12px;color:#fff;line-height: 30px;
		a,span {
			font-size: 12px;color:#fff;line-height: 30px;
		}
	}
}


// 首页主体部分开始

.main_title {
	height: 190px;box-sizing:border-box;position:relative;padding-top:60px;position:relative;
	h3 {font-size: 28px;color: #0661ae; line-height: 45px; font-weight: bold;text-align: center;position: relative;z-index: 2;}
	p:nth-of-type(1) {font-size: 16px;color: #000;text-align: center;line-height: 30px; position: relative;z-index: 2;}
	p:nth-of-type(2) {
		font-size: 80px;color: #997b3d;text-align: center;line-height: 1;color: #efefef;position: absolute;
		left: 0;right: 0;top: 35px;margin: auto;z-index: 1;text-transform: uppercase;font-weight: bold;
	}
	&:after {content: '';display: block;width: 300px;height: 13px;background: url('../images/bg06.png');position: absolute;right: 0;top: 75px;}
	&:before {content: '';display: block;width: 300px;height: 13px;background: url('../images/bg05.png');position: absolute;left: 0;top: 75px;}
}


.news_box01 {
	margin-top: 48px;
	.news_left {
		width: 800px;height: 375px;float: left;position: relative;
		border-top: 1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom: 2px solid #1977ae;box-sizing: border-box;

		.news_banner_item01 {
			width: 490px;height: 375px;float: left;
			img {display: block;width: 490px;height: 374px;object-fit: cover; }
		}

		.news_banner_item02 {
			width: 260px;height: 373px;margin-right: 25px;
			.swiper-slide {
				position: relative;
				div {
					width: 260px;height: 373px;box-sizing: border-box;float: right;padding-top:30px;
					p:nth-of-type(1) {font-size: 20px;color: @mc1;margin-bottom: 24px;}
					h3 {font-size: 18px;line-height: 24px;height: 48px;overflow:hidden;}
					time {display: block;color: #999;line-height: 1;margin:10px 0 20px;}
					p:nth-of-type(2) {line-height: 24px;height: 96px;overflow: hidden;margin-bottom: 70px;}
					p:nth-of-type(3) {color: #999;font-size: 20px;letter-spacing: 3px;}
				}
				.news_more {
					font-size: 14px;color: #666;position: absolute;right: 28px;top: 34px;
					&:hover {color: @mc1;}
				}
			}
		}

		.news_banner {
			.swiper-slide {
				width: 800px;height: 375px;position: relative;
				img {display: block;width: 490px;height: 375px;object-fit: cover;float: left;}
				
				.news_more {
					font-size: 14px;color: #666;position: absolute;right: 28px;top: 34px;
					&:hover {color: @mc1;}
				}
				&:hover h3 {color: @mc1;}
			}
		}
		.news-swiper-pagination {
			position: absolute;z-index: 8;left: 0;bottom: 24px;padding-left: 200px;
			.swiper-pagination-bullet {width: 8px;height: 8px;margin:0px 5px;opacity: 1;background: #ffffff;}
			.swiper-pagination-bullet-active {background: #1977ae;}
		}
	}
	.news_right {
		width: 375px;height: 375px;background: #e8e8e8;float: right;overflow: hidden;
		> div {
			width: 187px;height: 187px;margin-right: 1px;float: left;margin-bottom: 1px;overflow: hidden;position: relative;
			div {width: 187px;height: 187px;position: absolute;z-index: 1; }
			a {
				display: block;width: 187px;height: 187px;box-sizing: border-box;padding-top:40px;position: absolute;z-index: 2;
				i {display: block;width: 50px;height: 50px; margin:0 auto 15px;}
				p:nth-of-type(1) {font-size: 16px;line-height: 24px;text-align: center;}
				p:nth-of-type(2) {font-size: 12px;text-align: center;color: #999;}
			}
		}
		> div:nth-of-type(1) {
			div {background: url('../images/bg08.jpg') center center no-repeat;.transition(); }
			i {background: url('../images/bg10.png') center center;}
			p:nth-of-type(1) {color: #fff;}
			p:nth-of-type(2) {color: #fff;}
			&:hover div {
				.scale(1.1);.transition();
				// background-size: 105% 105%; .transition();
			}
		}
		> div:nth-of-type(2) {
			margin-right: 0px;background: #e8e8e8;.transition();
			i {background: url('../images/bg11.png') center 0px;}
			&:hover {
				background: #00447e;;.transition();
				i {background-position-y:-50px;}
				p {color: #fff;}
			}
		}
		> div:nth-of-type(3) {
			background: #e8e8e8;.transition();
			i {background: url('../images/bg12.png') center 0px;}
			&:hover {
				background: #00447e;;.transition();
				i {background-position-y:-50px;}
				p {color: #fff;}
			}
		}
		> div:nth-of-type(4) {
			margin-right: 0px; 
			div {background: url('../images/bg09.jpg') center center no-repeat;.transition(); }
			i {background: url('../images/bg13.png') center center;}
			p:nth-of-type(1) {color: #fff;}
			p:nth-of-type(2) {color: #fff;}
			&:hover div  {
				// background-size: 105% 105%; 
				.transition(); .scale(1.1);
			}
		}
	}
}

.news_box02 {
	margin-top: 48px;
	.news_left {
		width: 800px;height: 350px;float: left;position: relative;box-sizing: border-box;border:1px solid #dcdcdc;
		.news_banner02 {
			.swiper-slide {box-sizing: border-box;width: 800px;height: 350px;padding:80px 25px 0 30px;position: relative; background: url('../images/bg01.jpg') left center;}
			.news_banner02_item {
				height: 50px;border-bottom:1px dashed #dcdcdc;display: block;
				span {display: block;float: left;line-height: 50px;width: 20px;font-size: 18px;color: @mc1;}
				p {width: 500px;float: left;line-height: 50px;font-size: 16px;}
				time {
					color: #666;display: block;line-height: 50px;float: right;
				}
				&:hover {
					p {color: @mc1;}
				}
			}
			.news_more {
				display: block;width: 100px;height: 65px;text-align: center;line-height: 65px;color: #666;position: absolute;right: 0px;top: 0px;
				&:hover {
					color: @mc1;
				}
			}
		}
		.news1-swiper-pagination {
			position: absolute;left: 0;top: 0;z-index: 8;
			.swiper-pagination-bullet {display: inline-block;width: 210px;height: 65px;box-sizing: border-box;padding-left: 69px;font-size: 18px;line-height: 65px;opacity: 1;font-weight: bold;}
			.swiper-pagination-bullet-active {background-position-y:-65px !important;color: @mc1;}
			span:nth-of-type(1) {background: url('../images/bg02.png') left top no-repeat;}
			span:nth-of-type(2) {background: url('../images/bg03.png') left top no-repeat;}
		}
	}
	.news_right {
		width: 375px;height: 350px;background: #e8e8e8;float: right;
		.news_banner03 {
			width: 375px;height: 350px;position: relative;
			.swiper-slide {
				background: #00447e;position: relative;
				div {
					width: 375px;height: 285px;overflow: hidden;
					img {display: block;width: 375px;height: 285px;object-fit: cover;}
				}
				p {width: 285px;margin-left: 30px;line-height: 65px;color: #fff; }
				// span {display: block;width: 80px;line-height: 65px;color: #fff;text-align: center;position: absolute;right: 0;bottom: 0;}
			}
			.news03-swiper-pagination {
				position: absolute;bottom: 25px;text-align: right;box-sizing: border-box;padding-right: 22px;z-index: 5;
				.swiper-pagination-bullet {opacity: 1;background: #fff;}
				.swiper-pagination-bullet-active {background: #fff;}
			}
		}
	}
}

// 首页结束

.layer_box {
	background: @mc1;width: 600px;height: 400px;box-sizing:border-box;box-sizing:border-box;padding:5px;overflow:hidden;
	> p {text-align: center;line-height: 108px;font-size: 34px;color: #fff;font-weight: bold;}
	form {
		box-sizing:border-box;text-align: center;padding:28px 45px;display: block;width: 590px;background:#fff;position:relative;
		input:nth-of-type(2) {border:1px solid #cccccc;width: 500px;height: 35px;text-indent: 1em;font-size: 14px;line-height: 35px;margin-bottom: 12px;float: left;}
		input:nth-of-type(3) {border:1px solid #cccccc;width: 500px;height: 35px;text-indent: 1em;font-size: 14px;line-height: 35px;margin-bottom: 12px;float: right;}
		input:nth-of-type(4) {border:1px solid #cccccc;width: 350px;height: 35px;text-indent: 1em;font-size: 14px;line-height: 35px;margin-bottom: 12px;float: left;}
		img {display: inline-block;height: 35px;}
		a {width: 280px;height: 35px;text-align: center;color: #fff;background: @mc1;border-radius: 5px;font-size: 16px;margin: 20px auto 10px;display: block;line-height: 35px;}
		p {text-align: center;color: @mc1;font-size: 16px;}
	}
}

//底部样式


.footer_box {
	margin-top: 65px;height: 157px;background: #fff url('../images/bg04.jpg') center top no-repeat;padding-top:35px;padding-bottom:20px;
	.link_box {
		margin-left: 270px;float: left;position: relative;width: 230px;height: 42px;border:1px solid #e5e5e5;box-sizing: border-box;padding:0px 24px 0px 14px;cursor: pointer;
		p {color: #403e3e;line-height: 40px;}
		&:after {display: block;content: '';width: 0;height: 0;border:7px solid transparent;border-top:7px solid #bebebe;position: absolute;right: 25px;top: 15px;}
		.links_main {
			display: none;position: absolute;left: -1px;bottom: 40px;width: 230px;padding:6px 0px;box-sizing: border-box;border:1px solid #e5e5e5;background: #fff;
			a {display: block;width: 210px;text-align: center;margin:0 auto;text-indent: 1em;border-bottom: 1px dashed #e5e5e5;line-height: 35px;}
		}
	}
	.footer_icon {
		width: 270px;float: right;padding-top:10px;height: 24px;
		div {
			display: inline-block;width: 88px;border-right: 1px solid ;height: 14px;box-sizing: border-box;padding-left: 36px;color: #666;line-height: 1;float: left; cursor: pointer;position: relative;
			a {color: #666;display: block;width: 100%;height: 100%;}
			&:hover {
				background-position-y:-14px !important;
				&,a {color: @mc1;}
				span {opacity: 1;.transition();}
			}
			span {
				position: absolute;display: block;width: 160px;height: 36px;background: #fff;text-align: center;font-size: 16px;left: -40px;top: 14px;
				border:1px solid #dedede;line-height: 36px;opacity: 0;.transition();
			}
		}
		div:last-of-type {border:none;}
		.email {background: url('../images/bg05.png') 15px 0px no-repeat;}
		.wx {background: url('../images/bg06.png') 15px 0px no-repeat;}
		.weibo {background: url('../images/bg07.png') 15px 0px no-repeat;}
	}
	.footer_bottom_info {
		margin-top: 42px;
		.footer_bottom_info_left {
			height: 30px;margin-bottom: 10px;float: left;width: 600px;
			p:nth-of-type(1) {width: 330px;float: left;text-indent: 30px;line-height: 30px;}
			p:nth-of-type(2) {width: 170px;float: left;text-indent: 30px;line-height: 30px;}
		}
		.footer_bottom_info_right {
			float: right;width: 600px;margin-bottom: 10px;height: 30px;line-height:30px;text-align: right;
		}
		.footer_bottom_info_bottom {
			float: left;
		}
	}
}


// 内页头部样式
.list_banner > div:nth-child(1) {padding-top: 10px;font-size: 14px;}
.list_banner_top {height: 146px;padding-top:10px;position: relative;height: 81px;}
.list_banner_top > div:nth-child(1) {height: 40px;background: #bfbfbf;color: #fff;font-size: 18px;position: relative;z-index: 2;line-height: 40px;padding-left: 30px;}
.list_banner_top img {position: absolute;left: -20px;top: -1px;width: 21px;height: 21px;}
.list_banner_top > div:nth-child(2) {height: 50px;background: #dcdcdc;width: 100%;margin-top: -20px;}

// 内页主要部分
.list_left{width: 250px;height: 850px;display: inline-block;}
.list_right{width: 950px;display: inline-block;}

// 留言
.order {margin-left:30px;}
.order li {margin-top:30px;position: relative;font-weight: bold;font-size: 18px;}
.order > li:nth-child(5) {height: 70px;}
.order li input{position: absolute;left: 150px;width: 375px;}
.order li textarea{position: absolute;left: 150px;bottom: 0px;width: 375px;height: 100px;}
.order p,input {display:inline-block;font-size:18px;}
.order input {height:20px;border:1px solid #cfcfcf;}
.order textarea {border:1px solid #cfcfcf;}
#submit {width:230px;height:50px;border-radius:10px;background:#dd2121;font-size:20px;color:#fff;font-weight:bold;margin:0 auto;display: block;}
#submit:hover {border:2px solid #ddd;}

// #form1 {width: 580px;}

.message_contact {
	vertical-align: top;display: block;width: 300px;height: 400px;margin-top: 30px;
	h2 {font-size: 24px;line-height: 36px;margin-bottom: 30px;}
	p {
		font-size: 18px;line-height: 25px;
		a {font-size: 18px;}
	}
}

// 公司简介

.company_page_box {
	.company_page_main_left {
		width: 475px;float: left;
		p:nth-of-type(1) {font-size: 55px;color: #ededed;font-weight: bold;line-height: 1;}
		p:nth-of-type(2) {line-height: 48px;color: #666;font-size: 36px;}
		p:nth-of-type(3) {font-size: 24px;color: #666;margin-bottom: 60px;}
		p:nth-of-type(4) {line-height: 70px;font-size: 16px;text-align: center; }
		div {
			width: 475px;height: 400px;overflow: hidden;cursor: pointer;
			img {display: block; width: 475px;height: 400px;.transition();}
			&:hover img {.scale(1.05);.transition(); }
		}
	}
	.article_content_610 {float: right;}
}


// 公司简介结束

// 售后服务

.service_custom {
	.service_before_main {
		padding-bottom:65px;
		img {float: right;}
		h3 {font-size: 22px;line-height: 60px;width: 575px;float: left;}
		p {line-height: 30px;width: 575px;float: left;}
	}
	.service_after_main {
		li {
			width: 576px;margin-bottom: 40px;
			img {display: block;width: 575px;height: 253px;object-fit: cover;}
			p:nth-of-type(1) {font-size: 22px;line-height: 70px; }
			p:nth-of-type(2) {
				line-height: 30px;
				span {color: @mc1;}
			}
		}
	}

}


.search_list {
	li {
		height: 100px;padding:5px 35px 5px 5px; box-sizing: border-box;margin-bottom: 27px;.transition();
		div:nth-of-type(1) {
			width: 90px;height: 90px;background: #1977ae;padding-top:10px;float: left;margin-right: 30px;box-sizing: border-box;
			time:nth-of-type(1) {font-size: 38px;color: #fff;text-align: center;line-height: 50px;display: block;}
			time:nth-of-type(2) {color: #fff;text-align: center;line-height: 1;display: block;}
		}
		div:nth-of-type(2) {
			width: 850px;float: left;
			h3 {font-size: 20px;line-height: 50px;}
			p {color: #666;}
		}
		span {float: right;box-sizing: border-box;padding-top: 50px;color:#ff6600;}
		&:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.2);.transition(); }
	}
}


.search_pagenation {
	text-align: center;margin-top: 30px;
	a {display: inline-block;width: 80px;height: 35px;font-size: 14px;background: #333;color: #fff;line-height: 35px;margin:0 5px;}
	.noothers {display: none;}
}


.no-goods {
	padding:50px 0px;
	img {display: block;margin:0 auto;}
	p {font-size: 18px;text-align: center;line-height: 60px;}
}

.product_index_type {
	border-bottom:1px solid #e5e5e5;margin-bottom: 45px;padding-bottom:10px;
	li {
		display: inline-block;margin-right: 10px;
		a {display: block;width: 100px;height: 30px;text-align: center;background: #eee;line-height: 30px;}
		&:hover {
			a {background: @mc1;color: #fff;}
		}
	}
	.active a {background: @mc1;color: #fff;}
}

.product_index {
	ul {
		li {
			width: 390px;float: left;margin-right: 15px; box-sizing:border-box;margin-bottom: 15px;
			div {
				width: 390px;height: 290px;overflow:hidden;margin-bottom: 15px;
				img {display: block;width: 390px;height: 290px;object-fit: cover;.transition();}
			}
			p {color: #333;line-height: 30px;color: #333;font-size: 16px;text-align: center;}
			&:hover {
				img {.scale(1.05);.transition();}
			}
		}
		li:nth-of-type(3n) {margin-right: 0px;float: right;}
	}
}

.product_index1 {
	width: 930px;
	li {
		width: 930px; margin-bottom: 30px;position: relative;
		div {
			width: 930;height:388px;overflow: hidden;
			img {display: block;width: 930;height:388px;box-sizing: border-box;border:1px solid #e5e5e5;.transition();object-fit: cover;}
		}
		p {font-size: 18px;line-height: 50px;text-align: center;background: @mc1;color: #fff;}
		&:hover {
			img {.scale(1.03);.transition();}
		}
	}
}


//产品详情 多图

.product_info_tab {
	padding-top: 20px;padding-left: 20px;
	.product_info_tab_box {
		.product_info_tab_box_img_big {
			width: 500px;height: 500px;
			img {height: 500px;width: 500px;display: block;box-sizing: border-box;border:1px solid #eee;}
			a {display: none;}
			a:nth-of-type(1) {display: block;}
		}
		.product_info_tab_box_img_small {
			height: 100px;width: 500px;
			img {height: 96px;width: 96px;box-sizing: border-box;float: left;margin:2px;border:1px solid #eee;}
			img:hover {border:1px solid #dd2121;} 
		}
	}
	> div:nth-child(2) {
		width: 400px;
		h3 {font-size: 24px;line-height: 36px;}
		img:nth-of-type(1) {}
		div:nth-of-type(1) {
			text-align: center;margin-top: 100px;
			img {width: 240px;height: 240px;border:1px solid #eee;}
			p {font-size: 20px;line-height: 38px;color: #545454;text-align: center;}
		}
	}
}

.title_1200 {
	margin: 0 auto 20px; padding: 12px 0px 9px 0px; width: 1200px; height: 25px; border-bottom: 2px solid #dbdbdb;
	strong {
		max-width: 150px !important; height: 25px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block;
		float: left; display: inline-block; padding-bottom: 8px; height: 100%; border-bottom: 2px solid #414141; color: @mc1; text-align: center;font-size: 18px;
	}
	span {
		overflow: hidden; zoom: 1; font-size: 12px;padding-left:20px;display: inline-block;float: right;
		height: 25px; text-overflow: ellipsis; white-space: nowrap;color: #666;
		background: url('../images/sprite.gif') no-repeat;background-position: 0 -149px;
		a {color: #666;}
	}
}

.title1 {
	height: 55px;margin-bottom: 70px;
	p:nth-of-type(1) {
		width: 900px;border-bottom: 1px solid #e5e5e5;line-height:50px;float: left;
		span { display: inline-block;border-bottom: 4px solid @mc1;font-size: 28px;line-height: 55px;}
	}
	p:nth-of-type(2) {width: 285px;line-height:15px;padding-top: 45px;color: #999;letter-spacing: 2px;float: right;}
}


.title3 {
	height: 55px;margin-bottom: 70px;
	p:nth-of-type(1) {
		width: 590px;border-bottom: 1px solid #e5e5e5;line-height:50px;float: left;
		span { display: inline-block;border-bottom: 4px solid @mc1;font-size: 28px;line-height: 55px;}
	}
	p:nth-of-type(2) {width: 290px;line-height:15px;padding-top: 45px;color: #999;letter-spacing: 2px;float: right;}
}

.title2 {
	background: #f4f4f4;height: 60px;margin-bottom: 50px;
	.crumbs {
		line-height: 60px;height: 60px;padding-left: 40px;background:url('../images/home.png') left center no-repeat; box-sizing:border-box;float: right;
		a {font-size: 14px;}
		// a:nth-of-type(2), a:nth-of-type(3), a:nth-of-type(4), a:nth-of-type(5) {
		// 	pointer-events: none;
		// 	cursor: default;
		// }
	}
}

.article_content_1200 {
	border:1px solid #ececec;box-sizing:border-box;padding:30px;width: 1200px;margin:0 auto;
	min-height: 300px;
	img {display: block;max-width:1140px;margin:0 auto;}
	iframe {display: block;width: 800px;height: 600px;margin:20px auto;}
	table{width: 100%;border-collapse:separate;border-spacing: 0;
		.firstRow{background: #f0f0f0;}
		tr{height: 33px;line-height: 33px;
			td {
				text-align: center;
				border: 1px solid #cccccc;
				p{line-height: 33px!important;}
				img{display: inline-block;width: auto;}
			}
		}
	}
}

.article_content_610 {
	width: 610px;
	min-height: 300px;
	img {display: block;max-width:610px;margin:0 auto;}
	iframe {display: block;width: 610px;height: 450px;margin:20px auto;}
}

.article_content_715 {
	width: 715px;
	min-height: 300px;
	img {display: block;max-width:715px;margin:0 auto;}
	iframe {display: block;width: 715px;height: 450px;margin:20px auto;}
}

.article_content_800 {
	box-sizing:border-box;padding:30px 0;width: 800px;margin:0 auto;
	min-height: 300px;
	img {display: block;max-width:800px;margin:0 auto;}
	iframe {display: block;width: 800px;height: 600px;margin:20px auto;}
}

.article_content_900 {
	box-sizing:border-box;padding:30px 0;width: 900px;margin:0 auto;
	min-height: 300px;
	img {display: block;max-width:900px;margin:0 auto;}
	iframe {display: block;width: 900px;height: 600px;margin:20px auto;}
}



.article {
	overflow: hidden; margin-bottom: 12px; width: 920px; border: 1px solid #ececec; background-color: #fff;
	.article_content {
		width: 880px;margin:30px auto;
		img {max-width: 850px;display: block;margin:0 auto;}
	}
	.news_title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center;font-size: 18px;font-weight: bold;line-height: 60px; }
	.meta {color: #999; text-align: center; line-height: 28px;margin-bottom: 10px;} 
}


.article_title {
	font-size: 24px;text-align: center;line-height: 28px;font-weight: bold;margin-bottom: 20px;
}

.article_info {
	box-sizing:border-box;padding:0 30px;margin-bottom: 12px; width: 1200px;  
	.meta {color: #999; text-align: center; line-height: 50px;margin-bottom: 20px;border-bottom: 1px solid #ccc;} 
	img {max-width: 950px;display: block;margin:0 auto;}
	iframe {display: block;width: 800px;height: 500px;margin: 30px auto; }
	table{width: 100%;border-collapse:separate;border-spacing: 0;
		.firstRow{background: #f0f0f0;}
		tr{height: 33px;line-height: 33px;
			td {
				text-align: center;
				border: 1px solid #cccccc;
				p{line-height: 33px!important;}
				img{display: inline-block;width: auto;}
			}
		}
	}
}

.article_content {
	box-sizing:border-box;padding:20px ;
	img {max-width: 1160px;display: block;margin:0 auto;}
	iframe {
		display: block;width: 800px;height: 500px;margin: 30px auto;
	}
}

.article_1200 {
	box-sizing:border-box;padding:30px 20px;border: 1px solid #ececec;
	img {max-width: 1160px;display: block;margin:0 auto;}
	iframe {display: block;width: 800px;height: 500px;margin: 30px auto;}
}

.contact_main {
	position: relative; box-sizing:border-box;margin-bottom: 20px;
	.map_box {width: 700px;height: 450px;object-fit: cover;box-sizing: border-box;border:1px solid #e5e5e5;padding:7px;float: right;}
	#dituContent,#allmap {width:686px;height:436px;overflow:hidden;}
	.contact-info {
		line-height: 30px;color: #333; width: 435px;float: left;
		h2 {font-size: 36px;line-height: 48px;margin-bottom: 30px;margin-bottom: 20px;color: @mc1;}
		p {display: block;line-height: 48px;font-size: 18px;padding-left: 38px;background: url('../images/bg17.jpg') left 10px no-repeat;}
	}
}


.contact_box {
	background: url('../images/contact_bg.jpg') center center no-repeat;height: 822px;box-sizing:border-box;padding-top:120px;
	.contact_box_message {
		width: 460px;float: left;
		h3 {font-size: 30px;color: #444;margin-bottom: 30px;}
		form {
			input,textarea {
				background:#fff;margin-bottom: 30px;font-size: 14px;
			}
			.form-tr {
				display: inline-block;
				input  {
					width: 210px;margin-right: 15px;text-indent: 1em;line-height: 30px;
				}
				textarea {
					width: 435px;box-sizing:border-box;padding:1em;height: 160px;
				}
				.code {
					input {
						width: 150px;margin-right: 15px;text-indent: 1em;line-height: 30px;vertical-align: top;
					}
					img {display: inline-block;height: 30px;}
				}
			}
			.form-submit {
				float: right;
				a {
					width: 120px;text-indent: 1em;line-height: 30px;margin-right: 25px;
					background:@mc1;color: #fff;text-align:  center;display: block;
				}
			}
		}
	}
	.contact_box_info {
		width: 500px;float: right;
		> p:nth-of-type(1) {font-size: 30px;color: #444;margin-bottom: 5px;text-transform: uppercase;}
		> p:nth-of-type(2) {font-size: 30px;color: #444;margin-bottom: 30px;}
		> p:nth-of-type(3) {font-size: 16px;line-height: 30px;}
		div {
			margin-bottom: 30px; display: inline-block; margin-right: 40px;
			img {display: block;width: 150px;height: 150px;border:1px solid #dedede;}
			p {width: 150px;text-align: center;line-height: 40px;font-size: 16px;}
		}
	}
}

#allmap1 {width:1200px;height:450px;overflow:hidden;border:3px solid #eee; margin:10px auto;}

.contact_box2 {
	li {
		width: 390px;display: inline-block;margin-bottom: 10px;height: 30px;
		p {font-size: 16px;}
	}
}

// 企业文化

.culture_box {
	li {
		width: 1200px;margin-bottom: 20px;height: 220px;padding-top:20px;
		p:nth-of-type(1) {font-size: 24px;font-weight: bold;line-height: 50px;}
		p:nth-of-type(2) {color: #ccc;line-height: 1;margin-bottom: 15px;text-transform: uppercase;}
		p:nth-of-type(3) {font-size: 26px;line-height: 30px;color: @mc1;font-weight: bold;}
		p:nth-of-type(4) {color: #999999;margin-top: 10px;}
	}
	li:nth-of-type(1) {background: url('../images/bg18.jpg') center center no-repeat;}
	li:nth-of-type(2) {background: url('../images/bg19.jpg') center center no-repeat;}
	li:nth-of-type(3) {background: url('../images/bg20.jpg') center center no-repeat;}
	li:nth-of-type(4) {background: url('../images/bg21.jpg') center center no-repeat;}
	li:nth-of-type(5) {background: url('../images/bg22.jpg') center center no-repeat;}
	li:nth-of-type(6) {background: url('../images/bg23.jpg') center center no-repeat;}
	.item01 {box-sizing: border-box;padding-left: 100px; }
	.item02 {box-sizing: border-box;padding-left: 720px; }
}


// 招商加盟

.com_dh{
	h2{font-size: 36px;text-align: center;margin-bottom:5px;font-weight: 400;}
	h4{color: #666666;font-size: 18px;text-align: center;font-weight: 400;}
}

.jiameng_banner{background: url("../images/jiameng_banner.jpg")no-repeat top center;max-width: 1920px;height:631px; }

.jiameng1{
	background: #ececec;position: relative;height: 666px;
	h2 {font-size: 36px; text-align: center; margin-bottom: 5px; font-weight: 400;} 
	h4 {color: #666666; font-size: 18px; text-align: center; font-weight: 400;margin-bottom: 40px;}
	.jiameng1_nr{ background: #fff;height: 666px;padding: 50px;box-sizing: border-box;margin: -67px auto 0;position: absolute;;z-index: 22;left:0; right:0;
		> img{float: right;margin-left: 40px;width: 513px;display: block;}
		.jiameng1_txt{
			h3 {font-size: 20px; color: #1f2a64; line-height: 60px; font-weight: bold;}
			p{line-height: 30px;}
		}
	}
}
.jiameng2{background: #fff;padding:50px 0;
	img{margin-top: 40px;}
}
.jiameng3{
	background: url("../images/jiameng3.jpg") no-repeat top center fixed;
	height:610px;box-sizing: border-box;padding-top: 60px;text-align: center;color: #fff;
	h2{font-size: 36px;font-weight: 400;margin-bottom: 60px;}
	p{line-height: 36px;}
}
.jiameng4{background: #fff;padding: 50px 0; }


.fwlc{margin-top: 40px;
	overflow: hidden;
	height:160px;
}
.fwlc1{
	width: 1200px;
	margin: 0 auto;
}
.fwlc1_head h3{
	font-size: 30px;
	color: #b62e27;
	text-align: center;
	margin-top:50px;
	font-weight: normal;
	margin-bottom: 50px;
}
.fwlc1_con ul li{
	float: left;
	height:133px;
	width: 130px;
	margin-right: 41px;
	text-align: center;
	position: relative;
}
.fwlc1_con ul li:last-child{
	margin-right:0;
}
.fwlc1_con_text h3{
	font-weight: normal;
	color: #555555;
	font-size: 24px;
	margin-top: 38px;
}
.fwlc1_con_text p{
	font-size: 14px;
	color:#555555;
}
.fwlc1_con_text span{
	display: block;
	width: 30px;
	height: 2px;
	background: #555555;
	margin: 0 auto;
	margin-top: 9px;
}
.pic img{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
}
.fwlc1_con ul li:hover .pic img{
	-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
	filter: grayscale(0);
}
.fwlc1_con ul li:hover h3{
	color: #cc3333;
}
.fwlc1_con ul li:hover p{
	color: #cc3333;
}
.fwlc1_con ul li:hover span{
	background: #cc3333;
}
.fwlc1_con ul li:hover .pic:before{
	background: url("../images/bg_progress_pic11.png") no-repeat;
}
.fwlc1_con ul li:hover .pic:after{
	background: url("../images/bg_progress_pic12.png") no-repeat;
}
.fwlc1_con li{ float:left; width:25%; text-align:center;}
.fwlc1_con li .pic{ position:relative; display:block; width:136px; margin:0 auto;}
.fwlc1_con li .pic:after{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/bg_progress_pic.png) no-repeat; content:'';}
.fwlc1_con li .pic:before{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/bg_progress_pic1.png) no-repeat; content:'';}
.fwlc1_con li.p0 .pic:after{ -webkit-animation:rollP0 2s linear infinite; -o-animation:rollP0 2s linear infinite; animation:rollP0 2s linear infinite;}
.fwlc1_con li.p0 .pic:before{ -webkit-animation:rollP00 2s linear infinite; -o-animation:rollP00 2s linear infinite; animation:rollP00 2s linear infinite;}
.fwlc1_con li.p1 .pic:after{ -webkit-animation:rollP1 2s linear infinite; -o-animation:rollP1 2s linear infinite; animation:rollP1 2s linear infinite;}
.fwlc1_con li.p1 .pic:before{ -webkit-animation:rollP1 2s linear infinite; -o-animation:rollP11 2s linear infinite; animation:rollP11 2s linear infinite;}
.fwlc1_con li.p2 .pic:after{ -webkit-animation:rollP0 2s linear infinite; -o-animation:rollP0 2s linear infinite; animation:rollP0 2s linear infinite;}
.fwlc1_con li.p2 .pic:before{ -webkit-animation:rollP00 2s linear infinite; -o-animation:rollP00 2s linear infinite; animation:rollP00 2s linear infinite;}
.fwlc1_con li.p3 .pic:after{ -webkit-animation:rollP1 2s linear infinite; -o-animation:rollP1 2s linear infinite; animation:rollP1 2s linear infinite;}
.fwlc1_con li.p3 .pic:before{ -webkit-animation:rollP1 2s linear infinite; -o-animation:rollP11 2s linear infinite; animation:rollP11 2s linear infinite;}
.fwlc1_con li.p4 .pic:after{ -webkit-animation:rollP0 2s linear infinite; -o-animation:rollP0 2s linear infinite; animation:rollP0 2s linear infinite;}
.fwlc1_con li.p4 .pic:before{ -webkit-animation:rollP00 2s linear infinite; -o-animation:rollP00 2s linear infinite; animation:rollP00 2s linear infinite;}
.fwlc1_con li.p5 .pic:after{ -webkit-animation:rollP1 2s linear infinite; -o-animation:rollP1 2s linear infinite; animation:rollP1 2s linear infinite;}
.fwlc1_con li.p5 .pic:before{ -webkit-animation:rollP11 2s linear infinite; -o-animation:rollP11 2s linear infinite; animation:rollP11 2s linear infinite;}
.fwlc1_con li.p6 .pic:after{ -webkit-animation:rollP0 2s linear infinite; -o-animation:rollP0 2s linear infinite; animation:rollP0 2s linear infinite;}
.fwlc1_con li.p6 .pic:before{ -webkit-animation:rollP00 2s linear infinite; -o-animation:rollP00 2s linear infinite; animation:rollP00 2s linear infinite;}
.fwlc1_con li .pic img{ display:block; width:100%;}
.fwlc1_con li h3{ margin:30px 0 15px;font-size:18px; font-weight:normal; color:#555556;}
.fwlc1_con li p{ margin:0;}


@-webkit-keyframes rollP0{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@-o-keyframes rollP0{
	0%{-o-transform:rotate(0deg);}
	100%{-o-transform:rotate(360deg);}
}
@-moz-keyframes rollP0{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@keyframes rollP0{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

@-webkit-keyframes rollP00{
	0%{-webkit-transform:rotate(360deg);}
	100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes rollP00{
	0%{-o-transform:rotate(360deg);}
	100%{-o-transform:rotate(0deg);}
}
@-moz-keyframes rollP00{
	0%{-moz-transform:rotate(360deg);}
	100%{-moz-transform:rotate(0deg);}
}
@keyframes rollP00{
	0%{transform:rotate(360deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes rollP1{
	0%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(630deg);}
}
@-o-keyframes rollP1{
	0%{-o-transform:rotate(270deg);}
	100%{-o-transform:rotate(630deg);}
}
@-moz-keyframes rollP1{
	0%{-moz-transform:rotate(270deg);}
	100%{-moz-transform:rotate(630deg);}
}
@keyframes rollP1{
	0%{transform:rotate(270deg);}
	100%{transform:rotate(630deg);}
}
@-webkit-keyframes rollP11{
	0%{-webkit-transform:rotate(630deg);}
	100%{-webkit-transform:rotate(270deg);}
}
@-o-keyframes rollP11{
	0%{-o-transform:rotate(630deg);}
	100%{-o-transform:rotate(270deg);}
}
@-moz-keyframes rollP11{
	0%{-moz-transform:rotate(630deg);}
	100%{-moz-transform:rotate(270deg);}
}
@keyframes rollP11{
	0%{transform:rotate(630deg);}
	100%{transform:rotate(270deg);}
}
.fwlc1_con_text{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
}



.jiameng5 {
	background: #ececec;padding-bottom:50px;
	h2 {text-align: center;font-size: 36px;font-weight: 400;padding: 50px 0;}
	form {
		.form-tr {
			width: 300px;float: left;
			p{width: 40px;float: left;line-height: 40px;}
			input{background: #fff;height: 40px;border: 1px solid #dcdcdc;width: 227px;text-indent: 1em;font-size: 14px;}
			.captcha {
				width: 120px;vertical-align: top;
			}
			img {display: inline-block;height: 40px;}
		}
		.submit {background:#d53f22;color: #fff;height: 40px;width: 200px;line-height: 40px;margin-top: 20px;text-align: center; display: block;margin:40px auto 0;}
	}
}

// 产品详情

.product_info_box {
	.product_info_box_right {
		width: 930px;float: right;
		.product_info_box_right_img {
			width: 600px;height: 250px;float: left;border:1px solid #eee;
			img {display: block;width: 600px;height: 250px;object-fit: contain;}
		}
		.product_info_box_right_info {
			width: 300px;float: right;
			h1 {font-size: 20px;line-height: 1;padding-bottom: 15px;font-weight: bold;border-bottom: 1px solid #dedede;}
			p:nth-of-type(1) {
				line-height: 24px;overflow: hidden;color:#666;border-bottom: 1px solid #dedede; padding:15px 0;
			}
			a {
				color: #fff; background: @mc1; width: 120px; height: 36px; line-height: 36px;margin-top: 30px;
				text-align: center; display: inline-block; border-radius: 5px; margin-right: 20px;
			}
		}
	}
}

.product_info_content_box {
	.product_info_title {
		line-height: 50px;margin:20px auto 0;border-bottom:1px solid #f0f0f0;
		span {
			font-size: 24px;display: block;line-height: 50px;border-bottom:2px solid @mc1;width: 110px;text-align: center;
		}
	}
	.newsPage {
		width: 800px;margin:0 auto;
	}
}

.info_title {
	clear: both;margin: 20px auto; width: 1200px; height: 40px; 
	border-top:1px solid #e0dede; border-bottom:1px solid #e0dede;
	span {
		display: inline-block; width: 90px; height: 100%; text-align: center; color: #333; line-height: 40px;
	}
}

.newsPage {
	margin-top: 50px;position: relative;border-top: 1px solid #ccc;padding-top: 10px;
	.page-a {line-height: 40px;text-align: left;}
	.back {
		width: 130px;height: 40px;background: @mc1;color:#fff;text-align: center;line-height:40px;
		position: absolute;right: 0;top:0;bottom: 0;margin:auto;border-radius: 4px;cursor: pointer;
	}
}

//新闻index

.news_index_top {

	height: 345px;margin-bottom: 50px;

	.news_index_top_left {
		width: 880px;height: 345px;box-sizing: border-box;border:10px solid #f0f0f0;float: left;position: relative; padding:25px 50px 25px 25px;
		.news_banner_item01 {
			width: 400px;height: 250px;float: left;
			img {display: block;width: 400px;height: 250px;object-fit: cover;}
		}
		.news_banner_item02 {
			width: 330px;height: 250px;float: right;
			.swiper-slide {
				div {
					width: 330px;padding-top:10px;
					h3 {font-size: 24px;line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 30px;}
					p:nth-of-type(1) {line-height: 24px;height: 72px;color: #666;overflow: hidden;}
					p:nth-of-type(2) {
						text-align: center;line-height: 40px;color: @mc1;background: #f6f5f3 url('../images/eye.png') 90px 0px no-repeat;margin-top: 40px;.transition();
						> img {display: inline-block;margin-right: 18px;vertical-align: middle;width: 32px;height: 22px;}
						&:hover {
							background: #1977ae url('../images/eye.png') 90px -40px no-repeat;color:#fff;.transition();
						}
					}
				}
			}
		}

		.news-swiper-pagination {
			position: absolute;left: 0;bottom: 20px;padding-left: 182px;z-index: 8;
			.swiper-pagination-bullet {width: 11px;height: 11px;margin:0 9px;}
		}

	}
	.news_index_top_right {
		width: 250px;height: 345px;float: right;
		img {width: 250px;height: 345px;object-fit: cover;}
	}
}

.news_index {
	margin:20px 20px 0;
	li {
		height: 100px;padding:5px 35px 5px 5px; box-sizing: border-box;margin-bottom: 27px;.transition();
		a {
			div:nth-of-type(1) {
				width: 90px;height: 90px;background: #1977ae;padding-top:10px;float: left;margin-right: 30px;box-sizing: border-box;
				time:nth-of-type(1) {font-size: 38px;color: #fff;text-align: center;line-height: 50px;display: block;}
				time:nth-of-type(2) {color: #fff;text-align: center;line-height: 1;display: block;}
			}
			div:nth-of-type(2) {
				width: 760px;float: left;
				h3 {font-size: 20px;line-height: 50px;}
				p {color: #666;}
			}
			span {float: right;box-sizing: border-box;padding-top: 50px;color:#ff6600;}
		}
		&:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.2);.transition(); }
	}
}

//article index1

.service_index_box {
	.service_index1_left {
		float: left;width: 880px;
		.service_index1_left_info {
			background: #f4f4f4;height: 320px;margin-bottom: 40px;
			div {
				width: 440px;height: 320px;float: left;box-sizing: border-box;padding:30px 60px 0px 30px;
				h4 {
					margin-bottom: 30px;font-size: 24px;color: #ccc;font-weight: bold;line-height: 1;
					span {font-size: 24px;color: @mc1;font-weight: bold;line-height: 1;}
				}
				p {line-height: 30px;height: 210px;overflow:hidden;}
			}
			img {width: 440px;height: 320px;object-fit: cover;display: block;float: right;}
		}
		.service_index1_left_type {
			margin-bottom: 30px;
			div:nth-of-type(1) {
				width: 290px;height: 70px;display: block;box-sizing: border-box;padding:5px 0 0px 61px;background: url('../images/bg16.png') left center no-repeat;float: left;margin-bottom: 10px;
				p:nth-of-type(1) {font-weight: bold;font-size: 22px;}
				p:nth-of-type(2) {color: #ccc;font-weight: bold;font-size: 22px;}
			}
			a {
				float: left;margin-right: 18px;margin-bottom: 10px;
				img {display: block;width: 285px;height: 70px;object-fit: cover; box-sizing: border-box;border:3px solid #f0f0f0;.transition(); }
				&:hover {
					img {border-color: #1977ae;.transition();}
				}
			}
			a:nth-of-type(2),a:nth-of-type(5) {margin-right: 0px;}
		}
		.service_index1_left_title {
			width: 880px;height: 70px;background: #f4f4f4;box-sizing: border-box;padding:0px 40px 0px 30px;margin-bottom: 30px;
			h5 {
				float: left;font-size: 22px;line-height: 70px;font-weight: bold;color:#999;
				span {display: inline-block;font-weight: bold;line-height: 70px;color:@mc1;font-size: 22px;margin-right: 5px;}
			}
			a {
				font-weight: bold;color: #999;display: block;line-height: 70px;float: right;
				&:hover {color:@mc1;}
			}
		}
		.service_index1_case {
			li {
				width: 430px;height: 270px;float: left;margin-right: 20px;position: relative;margin-bottom: 22px;overflow: hidden;
				div {
					img {width: 430px;height: 270px;object-fit: cover;.transition();}
				}
				h4 {line-height: 40px;background: rgba(0,0,0,0.5);position: absolute;left: 0;right: 0;bottom: 0;color: #fff;text-align: center;}
				&:hover {
					img {.scale(1.05);.transition();}
				}
			}
			li:nth-of-type(2n) {margin-right: 0px;}
		}

	}
	.service_index1_right {
		float: right;width: 250px;
		h4 {width: 250px;height: 50px;background:#1977ae url('../images/bg15.png') 25px center no-repeat;box-sizing: border-box;padding-left: 70px; font-size: 22px;color:#fff;line-height: 50px;margin-bottom: 9px;}
		a {
			display: block;width: 250px;box-sizing: border-box;height: 50px;border:2px solid #e5e5e5;margin-bottom: 9px;padding-left: 30px;
			background: url('../images/bg14.png') 210px -48px no-repeat;line-height: 46px;font-size: 16px;
			&:hover {border-color: #1977ae;color:#1977ae;background-position-y: 0px;}
		}
		.active {border-color: #1977ae;color:#1977ae;background-position-y: 0px;}
	}
}


//新闻index2

.branch_box {
	.branch_main_left {
		width: 440px;float: left;
		img {display: block;width: 440px;height: 570px;margin-bottom: 18px;}
		.branch_main_left_info {
			width: 440px;box-sizing: border-box;padding:30px;background: @mc1;
			p {font-size: 16px;line-height: 36px;color:#fff; } 
		}
	}
	.branch_main_right {
		width: 715px;float: right;
		> h1 {
			font-size: 24px;line-height: 70px;border-top: 2px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;text-align: center;margin-bottom: 30px;position: relative;
			img {display: inline-block;height: 70px;vertical-align: top;}
			&:after {
				display: block;width: 220px;height: 2px;background: @mc1;content:'';
				position: absolute;right: 0;top: -2px;
			}
		}
	}
}

//新闻index3

.news_index3 {
	li {
		position: relative;margin-right: 15px;margin-bottom: 15px;width: 390px;float: left;
		div {
			width: 390px;height: 240px;overflow:hidden;
			img {display: block;width: 390px;height: 240px;object-fit: cover;.transition();}
		}
		h3 {background: rgba(0,0,0,0.4);position: absolute;left: 0;right: 0;bottom: 0;line-height: 40px;text-align: center;color: #fff;}
		&:hover {
			img {.scale(1.05);.transition();}
		}
	}
	li:nth-of-type(3n) {margin-right: 0px;}
}


//新闻index4

.news_index4 {
	li {
		box-sizing:border-box; height: 220px;padding:30px 50px 0px;border-bottom: 1px solid #f0f0f0;
		div:nth-of-type(1) {
			width: 60px;box-sizing:border-box;margin-right: 15px;float: left;padding-top: 45px;margin-right: 105px;
			time:nth-of-type(1) {font-size: 48px;line-height: 55px;text-align: center;display: block;text-align: center;}
			time:nth-of-type(2) {font-size: 14px;text-align: center;display: block;color: #999;}
		}
		div:nth-of-type(2) {
			width: 590px;float: left; 
			h3 {font-size: 20px;line-height: 50px;color: #000;}
			p:nth-of-type(1) {color: #1977ae;line-height: 1;margin-bottom: 20px;}
			p:nth-of-type(2) {font-size: 14px;line-height: 24px;height: 48px;overflow:hidden; }
		}
		img {float: right;width: 250px;height: 160px;object-fit: cover;}
		&:hover {
			div:nth-of-type(1) {
				time:nth-of-type(1) {color: @mc1;}
				time:nth-of-type(2) {color: @mc1;}
			}
		}
	}
}

.btn-9-2{
	position: relative;z-index: 1;
	&::after{position: absolute; content: "";width: 100%;height: 100%;left: 0;top: 0;background: #f0f0f0;transition: transform .4s cubic-bezier(.4,0,.2,1);transform-origin:left bottom;transform: scaleY(0);z-index: -1;}
}
.btn-9-2:hover::after{transform: scaleY(1); transform-origin: right top;}



//新闻index5

.news_index5 {
	li {
		width: 1200px;box-sizing:border-box;margin-right: 26px;margin-bottom: 2px;height: 150px;box-sizing: border-box;padding:30px 45px 0px;position: relative;background: #fff; border-bottom: 3px solid #fff;.transition();
		div {
			width: 900px;
			h3 {line-height: 36px;box-sizing: border-box; font-size: 20px; margin-bottom: 30px;}
			time {color: #666;}
		}
		span {
			display: block;width: 100px;height: 30px;position: absolute;right: 50px;bottom: 25px;line-height: 30px;color: #7c7c7c;
			i {display: inline-block;background: #999999;width: 30px;height: 30px;border-radius: 15px;color: #fff;margin-left: 10px;text-align: center;line-height: 26px; .transition();font-size: 30px;vertical-align: middle;}
		}
		&:hover {
			border-color:#1977ae; .transition();
			i {background: #1977ae;.transition();}
		}
	}
}



//新闻index6

.tuandui_nav {
	height: 51px;box-sizing: border-box;border-bottom: 7px solid #ebebeb;position: relative;z-index:1;margin-bottom: 35px;
	a {
		display: inline-block;width: 230px;height: 51px;box-sizing: border-box;padding-left: 70px;line-height:51px;font-size: 20px;
		background:url('../images/bg24.png') 0px -51px no-repeat;position: relative;z-index: 2;color:#666;margin-right: 20px;
		&:hover {color:#fff;background-position-y:0px; }
	}
	.active {color:#fff;background-position-y:0px; }
}

.news_index6 {
	li {
		width: 395px;height: 300px;margin-right: 7px;float: left;margin-bottom: 30px;
		div {
			width: 395px;height:250px;overflow:hidden;
			img {display: block;width: 395px;height: 250px;object-fit: cover;.transition();}
		}
		h3 {font-size: 16px; line-height: 50px; color: #333;text-align: center;.transition();background: #eeeeee;}
		&:hover {
			h3 {background: @mc1;color: #fff;.transition();}
			img {.scale(1.05);.transition();}
		}
	}
	li:nth-of-type(3n) {margin-right: 0px;}
}


.news_index7 {
	li {
		display: block;width: 290px;height: 520px;box-sizing:border-box; float: left;background:#eeeeee;position:relative;margin-right: 13px;margin-bottom: 17px;
		div {
			width: 290px;height: 390px;overflow: hidden;margin-bottom: 10px;
			img {display: block;
				width: 290px;
				height: 400px;
				object-fit: cover;margin-bottom: 15px;.transition();
			}
		}
		h3 {width: 230px;margin:0 auto;font-size: 24px;line-height: 45px;}
		p {width: 230px;margin:0 auto;color: #666;line-height: 24px;}
		&:hover img {.scale(1.05);.transition();}
	}
	li:nth-of-type(4n) {margin-right: 0px;}
}


// news_index8

.fazhan-swiper-prev {
	position: absolute;left: -85px;top: 420px;filter: grayscale(100%);cursor: pointer;
	&:hover {filter: grayscale(0); }
}
.fazhan-swiper-next {
	position: absolute;right: -85px;top: 420px;filter: grayscale(100%);cursor: pointer;
	&:hover {filter: grayscale(0); }
}

.fazhan-swiper-pagination {
	height: 60px;position: relative;margin-bottom: 55px;
	&:after {
		width: 1920px;height: 2px;background: #bad6e6;display: block;content:'';position: absolute;left: -360px;margin:auto;z-index: 1;bottom: 3px;
	}
	.swiper-pagination-bullet {
		width: 115px;border-radius: 0;opacity: 1;background: none;height: 60px;position: relative;vertical-align: top;z-index:2;
		p {text-align: center;color: #999;font-size: 24px;line-height: 36px;}
		&:after {display: block;content: '';width: 10px;height: 10px;position: absolute;left: 0;right: 0;bottom: 0;margin:0 auto;background: #1977ae;border-radius: 5px;}
	}
	.swiper-pagination-bullet-active {
		background: none;
		p {font-size: 36px;color: #1977ae;}
		&:after {
			width: 24px;height: 24px;background: url('../images/bg25.png') center center no-repeat;bottom: -8px;
		}
	}
}

.fazhan_banner02 {
	.swiper-slide {
		background: #fff;height: 100%;opacity: 0 !important;
		.fazhan_main {
			width: 590px;float: left;height: 100% !important;
			img {display: block;max-width:590px;margin:0 auto;}
			iframe {display: block;width: 590px;height: 380px;margin:20px auto;}
			p,span {font-size: 16px;}
		}
		> img {display: block;width: 560px;height: 370px;float: right;}
	}
	.swiper-slide-active {opacity: 1 !important;}
}



.message {
	padding: 50px 0px 60px; background: #eee; overflow: hidden;
	h3 {font-size: 30px;text-align: center;font-weight: bold;margin-bottom: 40px;}
	.form-tr {
		width: 550px;margin-right: 45px;float: left;margin-bottom: 20px;
		textarea {height: 80px;width: 550px;font-size: 18px;line-height: 38px;text-indent: 1em;border:1px solid #dfdfdf;display: inline-block;margin-right: 14px;margin-bottom: 20px;font-size: 14px;}
		input {width: 550px;line-height: 38px;text-indent: 1em;margin-right: 14px;border:1px solid #dfdfdf;font-size: 14px; }
		img {height: 38px;vertical-align: middle;}
		.captcha {width: 350px;}
		.error {font-size: 14px;color: #ce2029; }
	}
	.form-submit {
		.submit {
			display: block;width: 180px;height: 40px;border-radius:5px;font-size: 16px;line-height: 40px;text-align: center;
			background:#237ed2;color: #fff;margin:20px auto;
		}
	}
}


.message_index1 {
	height: 800px; background: url('../images/message2_bg.jpg') center top no-repeat;box-sizing:border-box;padding-top:170px;
	h2 {font-size: 55px;color: #fff;text-align: center;}
	h3 {font-size: 24px;color: #fff;text-align: center;margin-bottom: 190px;line-height: 2;}
	.contact_message {
		padding-left:90px;position:relative;
		p:nth-of-type(1) {font-size: 30px;color: #666;}
		p:nth-of-type(2) {
			font-size: 14px;color: #999;margin-bottom: 20px;line-height: 40px;
			span {color: #c10708;}
		}
		.form-tr {
			width: 340px;height: 40px;display: inline-block;margin-bottom: 20px;margin-bottom: 20px;
		}
		input {width: 300px;height: 40px;text-indent: 1em;font-size: 14px;background: #f5f5f5;}
		img {position: absolute; left: 635px; top: 166px; height: 30px; }
		.form-submit {
			display: inline-block;
			a {background: @mc1;color: #fff;width: 300px;height: 40px;display: block;text-align: center;font-size: 16px;line-height: 40px;}
		}
	}
}

.service_message {
	text-align: center;padding:30px 0;
	h3 {font-size: 36px;color: #333;}
	h4 {font-size: 16px;color: #999;line-height: 2;margin-bottom: 20px;}
	li {display: inline-block;width: 200px;margin:0px 30px;}
}


.pagination {
	text-align: center;margin-bottom:20px;padding-top: 20px;line-height: 30px;
	.btn {display: inline-block;height: 30px;padding:0px 5px;line-height: 30px;text-align: center;border:1px solid #999;vertical-align: top;}
	.btn-inverse {background: @mc1;color: #fff;vertical-align: top;}
	select {height: 30px;vertical-align: top;border:1px solid #999;}
}

.goods_list {margin-top: 30px;}

//sidebar

.product_sidebar {
	width: 255px;border:1px solid #ecedef;padding-bottom:40px;float: left;margin-bottom: 20px;box-sizing:border-box;
	.product_sidebar_title {
		height: 105px;padding-top:20px;background: @mc1;box-sizing:border-box;
		p:nth-of-type(1) {font-size: 28px;color: #fff;text-align: center;}
		p:nth-of-type(2) {font-size: 16px;color: #fff;text-align: center;text-transform: uppercase;font-family: 'Time New Roman';line-height: 30px;}
	}
	ul {
		margin-bottom: 30px;
		li {width: 233px;height: 40px;margin:15px auto 0;
			a {display: block;color: #333;padding-left: 30px;line-height: 40px; background: #eeeef0;
				&:hover {background: #006ace;color: #fff;}
			}
		}
	}
	.sidebar_info {
		.sidebar_info_title {
			background: @mc1;padding:15px 0;
			h3 {font-size: 24px;text-align: center;color: #fff;}
			p {font-size: 14px;text-align: center;color: #fff;line-height: 20px;}
		}
		> p {width: 220px;margin: 15px auto 0; font-size: 14px;line-height:24px; }
	}
}
.news_sidebar {width: 255px;background:#fff;border:1px solid #eee;margin-bottom: 30px;padding-bottom:10px;
	h3 {border-bottom:1px solid #eee;border-left: 3px solid @mc1;line-height: 40px;text-indent: 1em;}
	li {box-sizing:border-box;padding:0px 10px;
		a {line-height: 40px;display: block;
			img {display: inline-block;margin-right: 10px;vertical-align: middle;}
		}
	}
}

.content { margin-bottom: 30px;overflow: hidden;}

.custom_article {
	img {max-width: 1200px;}
	h1 {font-size: 20px;font-weight: bold;text-align: center;}
	.meta {display: block;text-align: center;margin-bottom: 20px;}
}

//人才招聘
.jobs_list {
	li {
		width: 1200px;box-sizing:border-box;margin-right: 26px;margin-bottom: 2px;height: 150px;box-sizing: border-box;padding:30px 45px 0px;position: relative;background: #fff; border-bottom: 3px solid #fff;.transition();
		div {
			width: 900px;
			h3 {line-height: 36px;box-sizing: border-box; font-size: 20px; margin-bottom: 30px;}
			time {color: #666;}
		}
		span {
			display: block;width: 100px;height: 30px;position: absolute;right: 50px;bottom: 25px;line-height: 30px;color: #7c7c7c;
			i {display: inline-block;background: #999999;width: 30px;height: 30px;border-radius: 15px;color: #fff;margin-left: 10px;text-align: center;line-height: 26px; .transition();font-size: 30px;}
		}
		&:hover {
			border-color:#1977ae; .transition();
			i {background: #1977ae;.transition();}
		}
	}
}

//招聘详情页
.jobs {
	table {
		border:1px solid #1977ae;width: 100%;
		tr:nth-of-type(1) {
			background: #1977ae;
			td {
				text-align:center;
				strong {color: #fff;}
			}
		}
		td {text-align: center;width:25%;}
	}
	tr {height: 40px;}
	.well {
		min-height: 300px;
		> p:nth-child(1) {font-size: 18px;color: #202020;margin-top: 20px;margin-bottom: 20px;background: #eee;line-height:30px;text-indent: 1em;}
		> a:last-child {margin-top: 60px;font-size: 18px;color: #fff;display: block;width: 150px;height: 50px;text-align: center;background: @mc1;line-height:50px;}
		> a:last-child:hover {font-weight: bold;}
	}
}

//招聘留言页面

#form2{
	.order {
		width: 1000px;margin:0 auto;border:1px dashed #ccc;
		tr {
			td:nth-of-type(1) {width: 300px;}
			td:nth-of-type(2) {
				width: 700px;
			}
		}
	}
}

.clearfix,.clear {clear: both;}

// 荣誉资质列表页

.honor_index_box {
	.honor_index_main {
		width: 880px;float: left;
		> img {display: block;width: 880px;}
		ul {
			li {
				width: 270px; box-sizing:border-box;float: left;margin-right: 25px;margin-bottom: 40px;
				div {
					width: 270px;height: 200px;overflow: hidden;box-sizing:border-box;border:3px solid #dcdcdc;
					img {width: 264px;display: block;height: 194px;.transition();object-fit: contain;}
				}
				h3 {line-height: 45px;box-sizing: border-box;padding:0px 10px;font-size: 16px;text-align: center;}
				&:hover img {.scale(1.05);.transition();}
			}
			li:nth-of-type(3n) {margin-right: 0px;float: right;}
		}
	}
	.honor_right {
		float: right;width: 250px;padding-top: 30px;
		p {color: #999;line-height: 24px;margin-bottom: 60px;}
		img {display: block;width: 250px;}
	}
}


// 分页
.de-page-mian {
	overflow: hidden;
	text-align: center;
	font-size:0;
	margin:10px 0 35px;
	.page-inner{
		display: inline-block;
		overflow: hidden;
		a{
			display:block; float: left; min-width:26px; padding:0 5px; height: 36px; border:1px solid #dddddd; background: #fff; text-align: center; line-height: 36px;
			font-size:14px; color:#333; margin-right:-1px; overflow: hidden;
			&.active,&:hover{
				color:#fff; border-color:#237ed2; background: #237ed2;
			}
			&.prev {
				margin-right:10px;
				background: #fff url(../images/prev.jpg) no-repeat center;
				&.on {
					background: #fff url(../images/prev-hover.jpg) no-repeat center;
				}
				&:hover{
					background-color: #fff; border-color:#dddddd;
				}
			}
			&.next{
				margin-left:10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;
				&.on{
					background: #fff url(../images/next-hover.jpg) no-repeat center;
				}
				&:hover{
					background-color: #fff; border-color:#dddddd;
				}
			}
			&.page-btn {
				font-size:12px; margin-right: 0; width:63px; margin-left:10px;
			}
		}
		span{
			display: block;
			font-size:12px;
			color:#333;
			float: left;
			line-height: 38px;
		}
		input{
			display: block;
			float: left;
			height: 36px;
			width:36px;
			border:1px solid #dddddd;
			text-align: center;
			line-height: 36px;
			font-size:14px;
			color:#333;
			margin:0 5px;
		}
	}
}

.news_info_content {
	width: 950px;
	.page-header {
		h1 {font-size: 25px;color: #000;margin-bottom: 10px;}
		p {text-align: center;}
		margin-bottom: 25px;
	}
	.list-con {
		min-height: 450px;
	}
}



.news_info {min-height: 450px;}

.product_info_main {
	min-height:450px;margin-top:20px;width: 950px;
	> div:nth-of-type(1) {
		height: 400px;
		.product_info_main_img {
			width:500px;height:400px;position:relative;overflow:hidden;margin:0 auto;border:1px solid #ccc;
			img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
		}
		> div:nth-of-type(2) {
			width:430px;height: 400px;
			h1 {display: block;margin: 10px auto;text-align: left;font-size: 22px;border-bottom: dashed 1px #ccc;padding-bottom: 15px;}
			p {margin-top: 20px;font-size: 14px;line-height: 36px;margin-bottom: 30px;}
			a {display: block;background:  @mc2;width: 150px;line-height: 50px;text-align: center;color: #fff;}
		}
	}
	> div:nth-child(2) {
		height: 40px;background: #eee;margin-bottom: 20px;margin-top: 20px;
		h4 {
			width: 20%; background: @mc2; color: #fff; font-size: 16px; text-align: center; line-height: 40px;
		}
	}
	.product_info_content {min-height:200px;width: 950px;margin: 0 auto;}
}


.product_info_main2 {
	.product_info_main2_top {
		.product_info_main_img {
			margin:20px auto;
			// width: 500px;height: 500px;border:1px solid #ccc;position:relative;margin:0 auto;
			// img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;max-width: 100%;max-height: 100%;margin:auto;}
			img {display: block;max-height: 500px;margin:0 auto;}
		}
		h1 {text-align: center;font-size: 20px;line-height: 40px;}
	}
	.product_info_content_title {
		background: #ccc;margin-top: 30px;
		h4 {display: inline-block;line-height: 40px;background: #999;padding:0px 20px;color: #fff;}
	}
	.product_info_content {
		min-height: 200px;padding:20px 0;
	}
}



.product_info_main1 {
	min-height:450px;width: 950px;
	> div:nth-of-type(1) {
		.product_info_main_img {
			width:500px;height:400px;position:relative;overflow:hidden;margin:0 auto;border:1px solid #ccc;background:#fff;
			img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
		}
		> div:nth-of-type(2) {
			width:390px;height: 400px;
			h1 {display: block;margin: 10px auto;text-align: left;font-size: 22px;border-bottom: dashed 1px #ccc;line-height: 80px;margin-bottom: 30px;}
			table {
				width: 300px;
				tr {
					td:nth-of-type(1) {width: 80px;height: 40px;line-height: 40px;}
					td:nth-of-type(2) {width: 220px;height: 40px;line-height: 40px;}
				}
			}
		}
	}
	> div:nth-child(2) {
		height: 40px;background: #eee;margin:30px auto;
		h4 {
			width: 20%; background: @mc1; color: #fff; font-size: 16px; text-align: center; line-height: 40px;
		}
	}
	.product_info_content {min-height:200px;width: 1000px;margin: 0 auto;}
}



// 右侧悬浮侧边


.fix_box {
	display: block; position: fixed; right: 0; top: 40%; z-index: 99;width: 75px;
	> div {
		width: 75px;background: #29506e;margin-bottom: 1px;height: 70px;.transition();float: right;cursor: pointer;position: relative;
		img:nth-of-type(1) {display: block;margin:0 auto; }
		img:nth-of-type(2) {display: none;width: 100px;height: 100px;position: absolute;right: 100px;border:1px solid #eee;top: -20px;}
		p {color: #fff;text-align: center;font-size: 14px;}
		&:hover {
			width: 100px;.transition();background: #3988de;
		}
	}
	> div:nth-of-type(3) {
		&:hover {
			img:nth-of-type(2) {display: block;}
		}
	}
	> div:nth-of-type(1) {
		width: 220px;position: relative;right: -145px;.transition(.8s);
		div:nth-of-type(1) {
			width: 75px;float: left;
		}
		div:nth-of-type(2) {
			height: 70px;float: right;width: 140px;box-sizing: border-box;padding-top:15px;
			span {
				display: inline-block;height: 40px;border-left: 1px solid #fff;width: 140px;color: #fff;
				line-height: 40px;text-indent: 1em;font-size: 16px;letter-spacing: 1px;
			}
		}
		&:hover {right: 0px;.transition(.8s);}
	}
}

.back_to_top {
	position: fixed; left: 50%; z-index: 18;margin-left: 650px;bottom: 10%; cursor: pointer;
	width: 50px;height: 50px;display: none;
}


.fix_side {
	width: 50px; position: fixed; top: 50%; right: 0; margin-top: -100px;z-index: 18;
	li {
		display: block;width: 50px;height: 50px;margin-bottom: 5px;position:relative;
		a {display: block;width: 50px;height: 50px;}
	}
	.back_to_top {
		cursor: pointer; background:@mc1 url('../images/side04.png') center center no-repeat;
	}
	.qiao {
		cursor: pointer; background:@mc1 url('../images/side05.png') center center no-repeat;
	}
	.sidemessage {
		background:@mc1 url('../images/side02.png') center center no-repeat;	
		span {position: absolute;height: 40px;line-height: 40px;display: block;background: @mc1;color: #fff;right:-240px;width: 240px;top: 5px;text-align: center;.transition();}
		&:hover {
			span {left: -240px;.transition();}
		}
	}
	.phone {
		background:@mc1 url('../images/side01.png') center center no-repeat;
		span {position: absolute;height: 40px;line-height: 40px;display: block;background: @mc1;color: #fff;right:-115px;width: 115px;top: 5px;text-align: center;.transition();}
		&:hover {
			span {left: -115px;.transition();}
		}
	}
	.wx {
		background:@mc1 url('../images/side03.png') center center no-repeat;
		img {position: absolute;right: -115px;top: -30px;border:1px solid #ccc;width: 113px;height: 113px;.transition();}
		&:hover {
			img {left: -115px;.transition();}
		}
	}
}

.move_self:hover {
	-ms-transform:translateY(-10px); -webkit-transform:translateY(-10px); -o-transform:translateY(-10px); -moz-transform:translateY(-10px);
	transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;
}

//悬浮 图片向上移动
.move_y:hover img {
	-ms-transform:translateY(-10px); -webkit-transform:translateY(-10px); -o-transform:translateY(-10px); -moz-transform:translateY(-10px);
	transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;
}

//悬浮 图片放大
.move_big:hover img {
	transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -moz-transform:scale(1.05);
	transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;
}


.move_big_self:hover {
	transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -moz-transform:scale(1.05);
	transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;
}

@-webkit-keyframes rotation{
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}

.move_circle:hover img {
	-webkit-transform: rotate(360deg);
	animation: rotation 15s linear infinite;
	-moz-animation: rotation 15s linear infinite;
	-webkit-animation: rotation 15s linear infinite;
	-o-animation: rotation 15s linear infinite;
}

//按钮效果
.btn-0 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-0:before {	background: @qt1;content: '';.transition(all .6s);position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: -1;}
.btn-0:hover:before {width: 100%;}


.btn-1 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-1:before {.transition(all .6s);content: '';width: 0;height: 0;.rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color:@mc1 transparent transparent transparent;position: absolute;top: 0;left: 0;z-index: -1;}
.btn-1:hover:before {border-width: 900px 900px 0 0;}


.btn-2 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-2:before {content: '';position: absolute;bottom: 0;left: 0; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent @mc1;.rotate(360deg); .transition(all .6s);z-index: -1;}
.btn-2:after {border-style: solid;content: '';width: 0;height: 0;border-width: 0 0 0 0;border-color: transparent @mc1 transparent transparent;position: absolute;right: 0;top: 0;.rotate(360deg); .transition(all .6s);z-index: -1;}
.btn-2:hover:before {border-width: 165px 0 0 165px;}
.btn-2:hover:after {border-width: 0 165px 165px 0;}

.btn-3 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-3:before {content: '';position: absolute;bottom: 0;left: 0; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent @qt6;.rotate(360deg); .transition(all .6s);z-index: -1;}
.btn-3:after {border-style: solid;content: '';width: 0;height: 0;border-width: 0 0 0 0;border-color: transparent transparent @qt6 transparent;position: absolute;right: 0;bottom: 0;.rotate(360deg); .transition(all .6s);z-index: -1;}
.btn-3:hover:before {border-width: 222px 0 0 222px;}
.btn-3:hover:after {border-width: 0 0 222px 222px;}

.btn-4 {position: relative;overflow: hidden;.transition(all .2s);display: block;z-index: 1;}
.btn-4:before, .btn-4:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #3655ca;.border-radius(50%);z-index: -1;}
.btn-4:before {left: -20px;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.btn-4:after {right: -20px;-webkit-transform: translate(50%, -50%);-moz-transform: translate(50%, -50%);-mz-transform: translate(50%, -50%);-o-transform: translate(50%, -50%);transform: translate(50%, -50%);}
.btn-4:hover:before {-webkit-animation: criss-cross-left 0.8s both;-moz-animation: criss-cross-left 0.8s both;-o-animation: criss-cross-left 0.8s both;-ms-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;}
.btn-4:hover:after {-webkit-animation: criss-cross-right 0.8s both;-moz-animation: criss-cross-right 0.8s both;-ms-animation: criss-cross-right 0.8s both;-o-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}

@-webkit-keyframes criss-cross-left {
	0% {left: -20px;}
	50% {left: 50%;width: 20px;height: 20px;}
	100% {left: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-left {
	0% {left: -20px;}
	50% {left: 50%;width: 20px;height: 20px;}
	100% {left: 50%;width: 375px;height: 375px;}
}
@-webkit-keyframes criss-cross-right {
	0% {right: -20px;}
	50% {right: 50%;width: 20px;height: 20px;}
	100% {right: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-right {
	0% {right: -20px;}
	50% {right: 50%;width: 20px;height: 20px;}
	100% {right: 50%;width: 375px;height: 375px;}
}


.btn-5 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-5:after {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;top: 0;right: 0;border-color: transparent #3f444e transparent transparent;}
.btn-5:before {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;bottom: 0;left: 0;border-color: transparent transparent transparent #3f444e;}
.btn-5:hover:before, .btn-5:hover:after {border-width:80px 433px;}


.btn-6 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-6:before, .btn-6:after {content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background:@qt6;.transition(all .6s);z-index: -1;}
.btn-6:after {top: auto;bottom: 0;}
.btn-6:hover:before, .btn-6:hover:after {height: 40px;}

.btn-7{position:relative;transform-style:preserve-3d;transition:0.4s;}
.btn-7:hover{transform:translateZ(20px) rotateX(360deg) scale(1.1);}

.btn-8{position:relative;transform-style:preserve-3d;transition:0.4s;}
.btn-8:hover{transform:rotateY(360deg) scale(1.1);}

.btn-9{position: relative;
	&::after{position: absolute; content: "";width: 100%;height: 100%;left: 0;top: 0;background: @qt6;transition: transform .4s cubic-bezier(.4,0,.2,1);transform-origin:right bottom;transform: scaleX(0);z-index: -1;}
}
.btn-9:hover::after{transform: scaleX(1); transform-origin: left bottom;}



//btn-span-1<a><span>标签</span></a>
.btn-span-1 {position: relative;overflow: hidden;.transition(all .6s);display: block;width: 100%;height: 100%;z-index: 1;}
.btn-span-1:before {content: '';position: absolute;bottom: 0;left: 0; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent @qt6;.rotate(360deg); .transition(all .6s);z-index: -1;}
.btn-span-1:after {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;top: 0;right: 0;border-color: transparent @qt6 transparent transparent;}
.btn-span-1 span:before {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;bottom: 0;right: 0;border-color: transparent transparent @qt6 transparent;}
.btn-span-1 span:after {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;top: 0;left: 0;border-color: @qt6 transparent transparent transparent;}
.btn-span-1:hover:before {border-width: 165px 0 0 165px;}
.btn-span-1:hover:after {border-width: 0 165px 165px 0;}
.btn-span-1:hover span:before {border-width: 0 0 165px 165px;}
.btn-span-1:hover span:after {border-width: 165px 165px 0 0;}

//btn-span-2<a><span>标签</span></a>
.btn-span-2{position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-span-2:after {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;top: 0;right: 0;border-color: transparent @qt6 transparent transparent;}
.btn-span-2:before {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;bottom: 0;left: 0;border-color: transparent transparent transparent @qt6;}
.btn-span-2:before, .btn-span-2:after {border-color:@qt6;}
.btn-span-2span:after {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;top: 0;left: 0;border-color: @qt6 transparent transparent transparent;}
.btn-span-2span:before {content: '';position: absolute; width: 0;height: 0; border-style: solid;border-width: 0 0 0 0;.rotate(360deg); .transition(all .6s);z-index: -1;right: 0;bottom: 0;border-color: transparent transparent @qt6 transparent;}
.btn-span-2span:before, .btn-span-2span:after {border-color: @qt6;}
.btn-span-2:hover:before {border-width: 20px 62.5px;}
.btn-span-2:hover:after {border-width: 20px 62.5px;}
.btn-span-2:hover span:before {border-width: 20px 62.5px;}
.btn-span-2:hover span:after {border-width: 20px 62.5px;}

//btn-span-3<a>标签<span></span></a>
.btn-span-3 {position: relative;overflow: hidden;.transition(all .6s);display: block;;z-index: 1;}
.btn-span-3 span {position: absolute;display: block;width: 0;height: 0;.border-radius(50%);background: @qt6;z-index: -1; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition:width 0.4s, height 0.4s;-moz-transition:width 0.4s, height 0.4s;-ms-transition:width 0.4s, height 0.4s;-o-transition:width 0.4s, height 0.4s;transition:width 0.4s, height 0.4s;}
.btn-span-3:hover span {width: 562.5px;height: 562.5px;}
//btn-span-4<a><span>标签</span></a>
.btn-span-4 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-span-4:before, .btn-span-4:after,.btn-span-4 span:before,.btn-span-4 span:after {content: '';position: absolute;top: 0;width: 63.5px;height: 0;background: #012f04;.transition(all .6s);z-index: -1;}
.btn-span-4:before {left: 0;}
.btn-span-4:after {left: 125px;}
.btn-span-4 span:before, .btn-span-4 span:after {top: auto;bottom: 0;}
.btn-span-4 span:before {left: 62.5px;}
.btn-span-4 span:after {left: 187.5px;}
.btn-span-4:hover {color: #c0d3c1;}
.btn-span-4:hover:before, .btn-span-4:hover:after,.btn-span-4:hover span:before,.btn-span-4:hover span:after {height: 80px;}
//btn-span-5<a><span>标签</span></a>
.btn-span-5 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-span-5:before, .btn-span-5:after,.btn-span-5 span:before,.btn-span-5 span:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0;background:fade(@qt6,50%);.transition(all .6s);z-index: -1;}
.btn-span-5:after,.btn-span-5 span:before {top: auto;bottom: 0;}
.btn-span-5 span:before,.btn-span-5 span:after {	-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;z-index: -1;}
.btn-span-5:hover:before, .btn-span-5:hover:after,.btn-span-5:hover span:before,.btn-span-5:hover span:after {height: 80px;}

//btn-span-6<a><span>标签</span></a>
.btn-span-6 {position: relative;overflow: hidden;.transition(all .6s);display: block;z-index: 1;}
.btn-span-6:before, .btn-span-6:after,.btn-span-6 span:before,.btn-span-6 span:after {content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: fade(@qt6,25%);.transition(.4s);z-index: -1;}
.btn-span-6:after,.btn-span-6 span:before {left: auto;right: 0;}
.btn-span-6 span:before,.btn-span-6 span:after {-webkit-transition-delay: 0.4s;	-ms-transition-delay: 0.4s;-o-transition-delay: 0.4s;-moz-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-span-6:hover:before, .btn-span-6:hover:after,.btn-span-6:hover span:before,.btn-span-6:hover span:after {width: 250px;}


//btn-span-7<a data-text="{$vo1.name}"><span>标签</span></a>
.btn-span-7 {.transition(.5s);position: relative;overflow: hidden;display: block;}
.btn-span-7 span {.transition(.3s);}
.btn-span-7:hover{background-color:@qt6;}
.btn-span-7:hover > span{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0px,-40px);transform: translate(0px,-40px);}
.btn-span-7::after{position: absolute;content: attr(data-text);-webkit-transform: translate(0, 30%);transform: translate(0, 30%);width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);.transition(.3s);}
.btn-span-7:hover::after{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(0, 0);transform: translate(0, 0);}
//btn-span-7-1<a data-text="{$vo1.name}"><span>标签</span></a>
.btn-span-7-1 {.transition(.5s);position: relative;overflow: hidden;display: block;}
.btn-span-7-1 span {.transition(.3s);}
.btn-span-7-1:hover{background-color:@qt6;}
.btn-span-7-1:hover > span{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0px,40px); transform: translate(0px,40px);}
.btn-span-7-1::after{position: absolute;content: attr(data-text);-webkit-transform: translate(-30%,0);transform: translate(-30%,0);width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);.transition(.3s);
}
.btn-span-7-1:hover::after{-webkit-transform: translate(0, 0);opacity: 1;filter: alpha(opacity=100);transform: translate(0, 0);}

//btn-span-7-2<a data-text="{$vo1.name}"><span>标签</span></a>
.btn-span-7-2 {.transition(.5s);position: relative;overflow: hidden;display: block;}
.btn-span-7-2 span {.transition(.3s);}
.btn-span-7-2:hover{background-color:@qt6;}
.btn-span-7-2:hover > span{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0px,40px); transform: translate(0px,40px);}
.btn-span-7-2::after{position: absolute;content: attr(data-text);-webkit-transform: translate(-30%, -50%) rotate(-30deg); transform: translate(-30%, -50%) rotate(-30deg); width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);.transition(.3s);
}
.btn-span-7-2:hover::after{-webkit-transform: translate(0, 0);opacity: 1;filter: alpha(opacity=100);transform: translate(0, 0);}

//btn-span-8<a><span>标签</span></a>
@-webkit-keyframes jello {
	from, 11.1%, to {-webkit-transform: none;transform: none;}
	22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}
	33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}
	44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
	55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
	66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
	77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
	88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
@keyframes jello {
	from, 11.1%, to {-webkit-transform: none;transform: none;}
	22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}
	33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}
	44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
	55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
	66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
	77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
	88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
.btn-span-8{.transition(.5s);position: relative;display: block;}
.btn-span-8:hover{background-color:fade(@qt6,20%); -webkit-animation-name: jello;animation-name: jello;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
//btn-span-9<a><span>标签</span></a>
.btn-span-9{.transition(.5s);position: relative;display: block;width: 100%;height: 100%;}
.btn-span-9 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-9::before{content: '';position: absolute;top: 0;left: 0;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);width: 100%; height: 100%; z-index: 1; opacity: 0;filter: alpha(opacity=0); background-color: @qt6;.transition(.4s);}
.btn-span-9:hover::before{	opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1, 1); transform: scale(1, 1);}

//btn-span-9-1<a><span>标签</span></a>
.btn-span-9-1{.transition(.5s);position: relative;display: block;width: 100%;height: 100%;}
.btn-span-9-1 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-9-1::before{content: '';position: absolute;top: 0;left: 0;-webkit-transform: scale(1,0.5);transform: scale(1,0.5);width: 100%; height: 100%; z-index: 1; opacity: 0;filter: alpha(opacity=0); background-color: @qt6;.transition(.4s);}
.btn-span-9-1:hover::before{	opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
//btn-span-10<a><span>标签</span></a>
.btn-span-10{.transition(.5s);position: relative;display: block;overflow: hidden;}
.btn-span-10 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-10::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; opacity: 0;filter: alpha(opacity=0); background-color: @qt6;.transition(.4s);}
.btn-span-10:hover::before{transform: skewX(-180deg)  scale(0.6,1);opacity: 1;filter: alpha(opacity=100);-webkit-transform: skewX(-180deg)  scale(0.6,1);}
//btn-span-11<a><span>标签</span></a>
.btn-span-11{.transition(.5s);position: relative;display: block;}
.btn-span-11 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-11::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.5);.transition(.4s);  border: 1px solid rgba(255,255,255,0.5);}
.btn-span-11::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1;.transition(.5s);  border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.25);}
.btn-span-11:hover::before{.rotate(-45deg);background-color: rgba(255,255,255,0);}
.btn-span-11:hover::after{.rotate(45deg);background-color: rgba(255,255,255,0);}
//btn-span-12<a><span>标签</span></a>
.btn-span-12{.transition(.5s);position: relative;display: block;width: 100%;height: 100%;perspective: 2000px;}
.btn-span-12 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-12::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.4s);}
.btn-span-12::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1;.transition(.5s);  border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.25);}
.btn-span-12:hover::before{-webkit-transform: rotateX(60deg) translate(0px,40px);transform: rotateX(60deg) translate(0px,40px) ;}
.btn-span-12:hover::after{-webkit-transform: rotateX(-60deg) translate(0px,-40px)  ;transform: rotateX(-60deg) translate(0px,-40px) ;}
//btn-span-13<a><span>标签</span></a>
.btn-span-13 {.transition(.5s);position: relative;display: block;}
.btn-span-13 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-13::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.4s);}
.btn-span-13:hover::before{opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.btn-span-13::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1;.transition(.5s);  border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.25);filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);}
.btn-span-13:hover::after{opacity: 1 ;filter: alpha(opacity=100);-webkit-transform: scale(1,1);transform: scale(1,1);}
//btn-span-13-1<a><span>标签</span></a>
.btn-span-13-1{.transition(.5s);position: relative;display: block;width: 100%;height: 100%;}
.btn-span-13-1 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-13-1::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.4s);background-color: rgba(255,255,255,0.25);.transition(.3s);}
.btn-span-13-1:hover::before{opacity:0 ;filter: alpha(opacity=0);-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);}
.btn-span-13-1::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1;opacity:0 ;filter: alpha(opacity=0);.transition(.3s);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);border: 1px solid rgba(255,255,255,0.5);}
.btn-span-13-1:hover::after{opacity:1 ;filter: alpha(opacity=100);-webkit-transform: scale(1,1);transform: scale(1,1);}
//btn-span-14<a><span>标签</span></a>
.btn-span-14 {.transition(.5s);position: relative;display: block;overflow: hidden;}
.btn-span-14 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-14::before, .btn-span-14::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(0,-100%);transform: translate(0,-100%);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-14:hover::before, .btn-span-14:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-14-1<a><span>标签</span></a>
.btn-span-14-1{.transition(.5s);position: relative;display: block;overflow: hidden;}
.btn-span-14-1 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-14-1::before, .btn-span-14-1::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(-100%,0);transform: translate(-100%,0);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-1::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-14-1:hover::before, .btn-span-14-1:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-14-2<a><span>标签</span></a>
.btn-span-14-2 {.transition(.5s);position: relative;display: block;overflow: hidden;}
.btn-span-14-2 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-14-2::before, .btn-span-14-2::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(-13%,-190%) rotate(-30deg);transform: translate(-13%,-190%) rotate(-30deg);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-2::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-14-2:hover::before, .btn-span-14-2:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-14-3<a><span>标签</span></a>
.btn-span-14-3 {.transition(.3s);position: relative;display: block;overflow: hidden;}
.btn-span-14-3 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-14-3::before, .btn-span-14-3::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(13%,190%) rotate(-30deg);transform: translate(13%,190%) rotate(-30deg);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-3::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-14-3:hover::before, .btn-span-14-3:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-14-4<a><span>标签</span></a>
.btn-span-14-4  {.transition(.3s);position: relative;display: block;overflow: hidden;}
.btn-span-14-4 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-14-4::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(13%,190%) rotate(-30deg);transform: translate(13%,190%) rotate(-30deg);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-4::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(-13%,-190%) rotate(-30deg);transform: translate(-13%,-190%) rotate(-30deg);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-4::before{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-14-4:hover::before, .btn-span-14-4:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-14-5<a><span>标签</span></a>
.btn-span-14-5 {.transition(.3s);position: relative;display: block;overflow: hidden;}
.btn-span-14-5 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-14-5::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(13%,-190%) rotate(30deg);transform: translate(13%,-190%) rotate(30deg);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-5::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);-webkit-transform: translate(-13%,-190%) rotate(-30deg);transform: translate(-13%,-190%) rotate(-30deg);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-14-5::before{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-14-5:hover::before, .btn-span-14-5:hover::after{transform: translate(0,0);-webkit-transform: translate(0,0);}
//btn-span-15<a><span>标签</span></a>
.btn-span-15 {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.btn-span-15  span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-15::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(0,-105%);transform: translate(0,-105%);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,1);background-color: rgba(255,255,255,0.25);}
.btn-span-15:hover::before{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-15-1<a><span>标签</span></a>
.btn-span-15-1{.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.btn-span-15-1  span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-15-1::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.3s);opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(-105%,0);transform: translate(-105%,0);border-right-width: 1px;border-right-style: solid;border-right-color: rgba(255,255,255,1);background-color: rgba(255,255,255,0.25);}
.btn-span-15-1:hover::before{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-15-2<a><span>标签</span></a>
.btn-span-15-2  {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.btn-span-15-2 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-15-2::before{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.5s);opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(-13%,-190%) rotate(-30deg);transform: translate(-13%,-190%) rotate(-30deg);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,1);background-color: rgba(255,255,255,0.25);}
.btn-span-15-2:hover::before{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-15-3<a><span>标签</span></a>
.btn-span-15-3  {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.btn-span-15-3  span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-15-3::before, .btn-span-15-3::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.5s);opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(0,-105%);transform: translate(0,-105%);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,1);background-color: rgba(255,255,255,0.25);}
.btn-span-15-3::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-15-3:hover::before, .btn-span-15-3:hover::after{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-15-4<a><span>标签</span></a>
.btn-span-15-4  {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.btn-span-15-4  span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-15-4::before, .btn-span-15-4::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.5s);opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(-105%,0);transform: translate(-105%,0);border-right-width: 1px;border-right-style: solid;border-right-color: rgba(255,255,255,1);background-color: rgba(255,255,255,0.25);}
.btn-span-15-4::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-15-4:hover::before, .btn-span-15-4:hover::after{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-15-5<a><span>标签</span></a>
.btn-span-15-5 {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.btn-span-15-5  span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.btn-span-15-5::before, .btn-span-15-5::after{content: '';position: absolute;top: 0;left:0;width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.25);.transition(.5s);opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(-13%,-190%) rotate(-30deg);transform: translate(-13%,-190%) rotate(-30deg);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,1);background-color: rgba(255,255,255,0.25);}
.btn-span-15-5::after{-webkit-transition-delay: 0.2s; /* Safari */transition-delay: 0.2s;}
.btn-span-15-5:hover::before, .btn-span-15-5:hover::after{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-16<a><span>标签</span></a>
.btn-span-16 {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;border: 1px solid rgba(255,255,255,1);}
.btn-span-16:hover{border: 1px solid rgba(255,255,255,0);}
.btn-span-16::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;z-index: 1;.transition(.5s); -webkit-transform: translate(-100%, -600%) rotate(30deg);transform: translate(-100%, -600%)  rotate(30deg);background-color: rgba(255,255,255,0.5);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn-span-16:hover::before{-webkit-transform: translate(0,0);transform: translate(0,0);}
//btn-span-17<a><span>标签</span></a>
.btn-span-17 {.transition(.3s);position: relative;display: block;overflow: hidden;}
.btn-span-17 span{position: relative;.transition(.3s);z-index:2;letter-spacing:0;}
.btn-span-17::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;filter: alpha(opacity=0);.transition(.3s);border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: rgba(255,255,255,0.5);border-bottom-color: rgba(255,255,255,0.5);-webkit-transform: scale(0.1, 1);transform: scale(0.1, 1);}
.btn-span-17:hover span{letter-spacing: 2px;}
.btn-span-17:hover::before{filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-span-17::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;.transition(.3s);background-color: rgba(255,255,255,0.25);}
.btn-span-17:hover::after{opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.1, 1);transform: scale(0.1, 1);}
//btn-span-18<a><span>标签</span></a> translate Y轴高度取决于a标签的一半高度
.btn-span-18 {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: rgba(255,255,255,0.5);border-left-color: rgba(255,255,255,0.5);}
.btn-span-18 span{.transition(.3s);letter-spacing:0;}
.btn-span-18:hover span{letter-spacing: 2px;}
.btn-span-18:hover{ border-right-color: rgba(255,255,255,0);border-left-color: rgba(255,255,255,0);}
.btn-span-18::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;z-index: 1;.transition(.3s);background-color: rgba(255,255,255,0.5);}
.btn-span-18:hover::before{transform: translate(0,-45px) rotate(-45deg);}
.btn-span-18::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;z-index: 1;.transition(.3s);background-color: rgba(255,255,255,0.5);}
.btn-span-18:hover::after{transform: translate(0,45px) rotate(45deg);}
//btn-span-19<a><span>标签</span></a>
.btn-span-19 {.transition(.3s);position: relative;display: block;width: 100%;height: 100%;overflow: hidden;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: rgba(255,255,255,0.5);border-bottom-color: rgba(255,255,255,0.5);}
.btn-span-19 span{.transition(.3s);letter-spacing:0;}
.btn-span-19:hover span{letter-spacing: 2px;}
.btn-span-19:hover{border-top-color: rgba(255,255,255,0);border-bottom-color: rgba(255,255,255,0);}
.btn-span-19::before{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;z-index: 1;.transition(.3s);background-color: rgba(255,255,255,0.5);}
.btn-span-19:hover::before{-webkit-transform: translate(-94.9845px,0) rotate(270deg);-moz-transform: translate(-94.9845px,0) rotate(270deg);transform: translate(-94.9845px,0) rotate(270deg);}
.btn-span-19::after{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;z-index: 1;.transition(.3s);background-color: rgba(255,255,255,0.5);}
.btn-span-19:hover::after{-webkit-transform: translate(94.9845px,0) rotate(180deg);-moz-transform: translate(94.9845px,0) rotate(180deg);transform: translate(94.9845px,0) rotate(180deg);}

//btn-span-20<a><span data-hover="{$vo2.name}">标签</span></a> 文字顶上去的效果
.btn-span-20{position: relative;overflow: hidden;;display: block;
	span{display: block;.transition(.4s);}
	span::before{content:attr(data-hover);position: absolute;top: 100%;.transition(.4s);left: 0;}
}
.btn-span-20:hover{
	span{transform: translateY(-100%);}
}